import Vue from 'vue';
import Router from 'vue-router';
import Home from './views/home/home.vue';

Vue.use (Router);

export default new Router ({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
    },
    {
      path: '/home',
      name: 'home',
      component: Home,
    },
    {
      path: '/talk/:id',
      name: 'talk',
      component: () => import ('./views/talk/talk.vue'),
    },
    {
      path: '/search',
      name: 'search',
      component: () => import ('./views/search/search.vue'),
    },
    {
      path: '/talkList',
      name: 'talkList',
      component: () => import ('./views/talkList/talkList.vue'),
    },
    {
      path: '/login',
      name: 'login',
      component: () => import ('./views/register/register.vue'),
    },
    {
      path: '/self',
      name: 'self',
      component: () => import ('./views/self/self.vue'),
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () =>
        import (/* webpackChunkName: "about" */ './views/About.vue'),
    },
  ],
});
